<template>
    <div class="exception_wrap">
        <div class="body_wrap">
            <div class="left">
            </div>
            <div class="right">
                <div class="ivu-exception-content">
                    <h1>403</h1>
                    <div class="ivu-exception-content-desc">抱歉，你无权访问该页面</div>
                    <div class="ivu-exception-content-actions">
                        <el-button @click="$router.push({path: '/'})" type="primary">返回首页</el-button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {

    }
</script>

<style lang="scss" scoped>
.exception_wrap{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    .body_wrap{
        display: flex;
        justify-content: center;
        align-items: center;
        .left{
            height: 500px;
            width: 500px;
            background-image: url('../../assets/images/icon-403.svg');
            background-size: 100%;
            background-position: center ;
            background-repeat: no-repeat;
        }

        .right{
            margin-left: 150px;
            h1{
                font-size: 55px;
            }
            .ivu-exception-content-desc {
                margin-bottom: 16px;
                color: #808695;
                font-size: 20px;
                line-height: 28px;
            }
        }
    }

}
</style>
